.block {
  margin: 10px auto;
  width: 980px;
  margin-bottom: 50px;
  overflow: hidden;
}
.block .title {
  font-size: 20px;
  text-align: center;
  font-family: "Microsoft YaHei";
  width: 960px;
  height: 210px;
  padding-top: 100px;
  color: white;
  margin: 0 auto;
}
.block .bg1 {
  background-image: url('../images/view-data-bg-1.jpg');
}
.block .bg2 {
  background-image: url('../images/view-data-bg-2.jpg');
}
.block .features .feature {
  width: 235px;
  height: 230px;
  margin: 5px;
  margin-bottom: 15px;
  float: left;
  position: relative;
  background: white;
}
.block .features .feature i {
  background-image: url('../images/view-data-bg-3.png');
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 11px;
  top: 14px;
}
.block .features .feature .name {
  display: block;
  font-size: 28px;
  font-family: "Microsoft YaHei";
  color: white;
  width: 235px;
  height: 55px;
  background-image: url('../images/view-data-bg-4.png');
  text-align: center;
  line-height: 43px;
}
.block .features .feature .desc {
  font-family: "Microsoft YaHei";
  font-size: 16px;
  padding: 0px 20px;
  margin-top: 20px;
  line-height: 22px;
  height: 130px;
  opacity: 0.5;
}
